;(function (window) {

  const hlDivider = {
    template:`<div class="hl-divider-container">
      <div
        class="hl-divider-horizontal"
        :class="{ 'is-dashed':dividerDashed}"
        v-if="horizontal"
      >{{text}}
      </div>
      <div class="hl-divider-vertical" v-if="!horizontal"></div>
    </div>`,
    data(){
      return {
        inputText:null,
        lastSelectedItem:null,
        dropdownIsShow:false
      }
    },
    props:{
      text:{
        type:String,
        default:''
      },
      horizontal: {
        type:Boolean,
        default:true
      },
      dashed: {
        type:Boolean,
        default:false
      },
    },
    computed:{
      dividerDashed(){
        return this.dashed
      }
    },
    created(){

    },
    methods:{

    }

  }

  Vue.component('hl-divider',hlDivider)

} (window))
